<!DOCTYPE html>
<html lang="zh-cn">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=Edge">
	<meta name="viewport" id="viewport" content="width=device-width, initial-scale=1">
	<link rel="icon" type="image/x-icon" href="https://zhang_shaolong.gitee.io/img/avatar.jpeg">
	<title>小张同学</title>
	<link rel="apple-touch-icon-precomposed" href="images/avatar.bab2b7d4.jpeg">
	<link rel="stylesheet" type="text/css" href="css/h.9c69ed6c.css">
	<link rel="stylesheet" type="text/css" href="css/nekotora.99cf6f8c.css">
	<!-- <script async src="https://www.googletagmanager.com/gtag/js?id=UA-137340638-1"></script> -->
	<script>
		function a() {
			dataLayer.push(arguments)
		}
		window.dataLayer = window.dataLayer || [], a("js", new Date), a("config", "UA-137340638-1");
	</script>
</head>
<body onContextMenu="alert('禁止查看源代码，您的行为已记录。'); return false"
NOOP="if (window.event != null && window.event.button == 2) alert ('Thanks...');">
	<nav>
		<a href="https://zhang_shaolong.gitee.io/" target="_blank" class="active">首页</a> 
		<a class="clip"></a>
		<a href="https://zhang_shaolong.gitee.io/navigation/" target="_blank">导航</a>
		<a class="clip"></a> 
		<a href="https://zhang_shaolong.gitee.io/music/" target="_blank">音乐</a>
		<a class="clip"></a> 
		<a href="https://zhang_shaolong.gitee.io/about/" target="_blank">留言板</a>
	</nav>

		<div class="background">
			<!-- <canvas id="startrack"></canvas> -->
				<canvas id="universe"></canvas>
			<div class="cover"></div>
		</div>
		<div class="filter"></div>
	
		<div class="main">
			<div class="ch intro">
				<div class="container">
					<div class="hello">
						<h1 id="slogan">思考中...</h1>
						<h2>
							<div class="circle"> <span></span> <span></span>
								<span></span>
							</div>小张同学在努力
						</h2>
					</div>
				</div>
			</div>
			<div class="ch about">
				<div class="container">
					<h2 class="chtitle">Who am <span>小张同学</span>？</h2>
					<div class="clear">
						<div class="introduct">
							<img class="avatar"
								src="https://zhang_shaolong.gitee.io/img/avatar.jpeg">
							<P style="padding-top:1em;">理想主义的少年永远不会被现实招安。</p>
							<br>
							<p>你好，这里是小张同学，21岁，学生，热爱计算机互联网事业，对有趣的世界和可能有趣的你充满好奇，小张同学在努力...
							</p> <br>
							<div class="chatbox">
								<div class="line loading"> <span></span>
									<span></span> <span></span>
								</div>
							</div>
						</div>
						<ul class="skill clear">
							<li>
								<p>HTML5/CSS3</p>
								<div class="progress">
									<div style="width:50%;"></div>
									<span>制作网站程度的能力</span>
								</div>
							</li>
							<li>
								<p>JavaScript</p>
								<div class="progress">
									<div style="width:50%;"></div>
									<span>使用现代轮子程度的能力</span>
								</div>
							</li>
							<li>
								<p>框架</p>
								<div class="progress">
									<div style="width:20%;"></div>
									<span>赞美最好的语言程度的能力</span>
								</div>
							</li>
							<li>
								<p>设计能力</p>
								<div class="progress">
									<div style="width:50%;">
									</div><span>让自己舒服程度的能力</span>
								</div>
							</li>
							<li>
								<p>洞察</p>
								<div class="progress">
									<div style="width:60%;"></div>
									<span>观测世界程度的能力</span>
								</div>
							</li>
							<li>
								<p>花里胡哨</p>
								<div class="progress">
									<div style="width:80%;"></div>
									<span>让事情发生程度的能力</span>
								</div>
							</li>
							<li>
								<p>魔法</p>
								<div class="progress">
									<div style="width:12%;"></div>
									<span>和普通人相同程度的能力</span>
								</div>
							</li>
							<li>
								<p>恋爱能力</p>
								<div class="progress">
									<div style="width:10%;"></div>
									<span>遇见喜欢的小姐姐要勇敢追</span>
								</div>
							</li>
						</ul>
					</div>
				</div>
			</div>
			<!-- <div class="find ch">
				<div class="container links">
					<h2 class="chtitle">小张同学出没的<span>地方</span></h2>
					<div class="clear col-3">
						<a href="https://blog.csdn.net/weixin_50915462?spm=1000.2115.3001.5343" target="_blank">
							<div class="item">
								<div class="bg" style="background-color:#28a9e0"></div>
								<div class="inner"> <span>CSDN博客</span> </div>
							</div>
						</a>
						<a href="https://www.cnblogs.com/sunguoqi/" target="_blank">
							<div class="item">
								<div class="bg" style="background-color:#28a9e0"></div>
								<div class="inner"> <span>博客园</span> </div>
							</div>
						</a>
						<a href="https://gitee.com/sun0225/photos/raw/master/img/202108111357613.jpg" target="_blank">
							<div class="item">
								<div class="bg" style="background-color:#28a9e0"></div>
								<div class="inner"> <span>微信公众号</span> </div>
							</div>
						</a>
					</div>
					<div class="clear">
						<a href="https://twitter.com/sun0225SUN" target="_blank">
							<div class="item">
								<div class="bg" style="background-color:#28a9e0"></div>
								<div class="inner"> <i class="icon-twitter"></i> <span>Twitter</span> </div>
							</div>
						</a>
						<a href="https://weibo.com/7392882465/profile?rightmod=1&wvr=6&mod=personinfo" target="_blank">
							<div class="item">
								<div class="bg" style="background-color:#e6162d"></div>
								<div class="inner"> <i class="icon-weibo"></i> <span>Weibo</span> </div>
							</div>
						</a>
						<a href="https://github.com/sun0225SUN" target="_blank">
							<div class="item">
								<div class="bg" style="background-color:#353535"></div>
								<div class="inner"> <i class="icon-github"></i> <span>Github</span> </div>
							</div>
						</a>
						<a href="https://space.bilibili.com/448488855?spm_id_from=333.33.b_73656375726974794f75744c696e6b.1"
							target="_blank">
							<div class="item">
								<div class="bg" style="background-color:#f9a2a8"></div>
								<div class="inner"> <i class="icon-bilibili"></i>
									<span>Bilibili</span>
								</div>
							</div>
						</a>

						<a href="https://www.zhihu.com/people/sunguoqi" target="_blank">
							<div class="item">
								<div class="bg" style="background-color:#0f88eb"></div>
								<div class="inner"> <i class="icon-zhihu"></i>
									<span>知乎</span>
								</div>
							</div>
						</a>
					</div>
				</div>
			</div> -->
			<div class="gate ch">
				<div class="container links">
					<h2 class="chtitle">小张同学的<span>小伙伴</span>们</h2>

					<!-- 友链 -->
					<div class="clear"> <a href="https://zhang_shaolong.gitee.io" target="_blank">
							<div class="item">
								<div class="avatar"> <img
										src="https://zhang_shaolong.gitee.io/img/avatar.jpeg">
								</div>
								<div class="inner">
									<h5>XiaoZhang's Blog</h5>
									<p>我的博客网站</p>
								</div>
							</div>
						</a>


						<a href="https://hexo.io/zh-cn/index.html" target="_blank">
							<div class="item">
								<div class="avatar"> <img src="images/hexo.jpg"> </div>
								<div class="inner">
									<h5>Hexo</h5>
									<p>快速、简洁且高效的博客框架</p>
								</div>
							</div>
						</a>

						<a href="https://butterfly.js.org/" target="_blank">
							<div class="item">
								<div class="avatar"> <img src="images/butterfly.png"> </div>
								<div class="inner">
									<h5>butterfly</h5>
									<p>Butterful主题</p>
								</div>
							</div>
						</a>

						<a href="https://www.bufferfly.cn/" target="_blank">
							<div class="item">
								<div class="avatar"> <img src="images/butterflys.jpg"> </div>
								<div class="inner">
									<h5>开发者致敬</h5>
									<p>Butterful主题优秀开发魔改</p>
								</div>
							</div>
						</a>

					</div>
				</div>
			</div>
		</div>
		</div>

		<div class="footer ch">
			<div class="container">
				<h3>小张同学努力中</h3>
				<p>少年不负岁月长，彼方尚有荣光在</p>
				<p class="c"><a href="/" target="_blank">Say hello to me @ 小张同学</a></p>
			</div>
		</div>
		</div>
		<script src="js/page.3a0791a3.js"></script>
		<!-- <script type="text/javascript" src="js/stats.js" charset="UTF-8"></script> -->
       <script type="text/javascript" src="js/index.js" charset="UTF-8"></script>
     <audio autoplay="">
	     <source src="https://api.uomg.com/api/rand.music?mid=7031037814" type="audio/mpeg">
     </audio>
	</body>
</html>
